<template>
  <div id="process">
    <el-container>
      <el-header style="height: 294px">
        <div class="top">
          <div class="left">
            <img src="../../assets/img/logo.png" />
            <p>综合一窗受理平台</p>
          </div>

          <div class="right">
            <h1>
              综窗01
              <br />
              <span>业务人员</span>
            </h1>
            <el-avatar></el-avatar>
          </div>
        </div>
        <!-- <header-bottom /> -->
      </el-header>
      <el-main style="width: 100%">
        <list />
      </el-main>
    </el-container>
  </div>
</template>

<script>
  // import HeaderBottom from '../process/header-bottom'
  import List from '../process/list';
  export default {
    name: 'Process',
    components: {
      List
      //    HeaderBottom
    }
  };
</script>

<style lang="scss">
  @import '../../assets/css/base';
  #process {
    height: 100%;

    .el-container {
      width: 100%;
      height: 100%;
      .el-header {
        width: 100%;
        background: $change;
        opacity: 1;
        padding-top: 20px;
        .top {
          width: 100%;
          height: 44px;
          margin: 0 auto;
          display: flex;
          justify-content: space-between;
          .left {
            width: 242px;
            height: 40px;
            display: flex;
            justify-content: space-between;
            img {
              width: 40px;
              height: 40px;
            }
            p {
              width: 192px;
              height: 33px;
              font-size: 24px;
              font-family: PingFang SC;
              font-weight: bold;
              line-height: 33px;
              color: #ffffff;
              margin-top: 3px;
              opacity: 1;
            }
          }
          .right {
            width: 101px;
            height: 44px;
            display: flex;
            justify-content: space-between;
            h1 {
              width: 51px;
              height: 22px;
              font-size: 14px;
              font-family: PingFang SC;
              font-weight: bold;
              line-height: 22px;
              color: #ffffff;
              opacity: 1;
              span {
                width: 56px;
                height: 20px;
                font-size: 12px;
                font-family: PingFang SC;
                font-weight: 500;
                line-height: 20px;
                color: #ffffff;
                opacity: 1;
              }
            }
            .el-avatar {
              width: 30px;
              height: 30px;
              margin: 0 auto;
              margin-top: 7px;
              //  background: rgba(0, 0, 0, 0);
              border-radius: 50%;
              opacity: 1;
            }
          }
        }
      }
      .el-main {
        height: 1084px;
        //  z-index: 1;
        margin-top: -201px;
        background-color: $change;
      }
    }
  }
</style>
